#2A8193

Color Details

HEX
#2A8193
RGB
rgb(42, 129, 147)
HSL
hsl(190, 56%, 37%)
CMYK
cmyk(71%, 12%, 0%, 42%)
Best text on this color #000000 (CR 4.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2a8193
Contrast 4.66:1 AA
White on #2a8193
Contrast 4.51:1 AA
#2a8193 on Black
Contrast 4.66:1 AA
#2a8193 on White
Contrast 4.51:1 AA

Tints & Shades

#559aa9
#7fb3be
#aacdd4
#226776
#194d58
#11343b

Complement & Analogous

#933b2a
#2a4d93
#2a9370

Triadic

#932a82
#82932a

Monochrome

#11343b #194d58 #2a8193 #7fb3be #aacdd4 #d4e6e9

Analogous

#2a9370 #6ab39b #2a8193 #5571a9 #2a4d93 #223e76

Complementary Mix

#194d58 #2a8193 #7fb3be #933b2a #b98075 #60261b

Nearby Colors

#2a8192
#2a8194
#2a8183
#2a81a3

Embed #2A8193 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2A8193

#2A8193 converts to RGB(42, 129, 147) and HSL(190, 56%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2A8193 FAQs

What is the RGB value of #2A8193?
RGB: 42, 129, 147. Copy as CSS: rgb(42, 129, 147)
Is #2A8193 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2A8193?
Complement: #933b2a.
Does #2A8193 have good contrast on white or black?
On white: 4.51:1 (AA (normal text)). On black: 4.66:1 (AA (normal text)).